*{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
img{
	vertical-align: top;
}
/* header */
header{
	width: 100%;
	height: 100px;
}
header .content{
	width: 1273px;
	height: 100px;
	margin:0 auto;
}
header .content .logo{
	float: left;
}
header .content .logo a{
	width: 294px;
	height: 50px;
	display: inline-block;
	background: url(../img/logo.png);
	margin-left: 38px;
	margin-top: 30px;
}
header .content .right{
	float: right;
	width: 757px;
	height: 69px;
	position: relative;
	margin-top: 30px;
}
header .content .right form{
	width: 364px;
	height: 23px;
	position: absolute;
	right: 0;
}
header .content .right form .left{
	float: left;
	border: none;
	background: url(../img/btn.png) no-repeat right center;
	margin-right: 19px;
}
header .content .right form .left a{
	color: #999999;
	font-size: 12px;
	padding-right: 16px;
	line-height: 23px;
}
header .content .right form input{
	display: inline-block;
	width: 134px;
	height: 23px;
	background: #eaeaea url(../img/search.png) no-repeat right center ;
	background-size: 16px 17px;
	outline: none;
	border: none;
}
header .content .right form .right2{
	float: right;
	border: none;
	background: url(../img/btn.png) no-repeat right center;
	margin-left: 16px;
	width: 95px;
	height: 23px;
}
header .content .right form .right2 a{
	display: inline-block;
	width: 82px;
	height: 17px;
	background: url(../img/map.png);
}
header .content .right ul{
	width: 757px;
	height: 47px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 23px;
}
header .content .right ul li{
	list-style: none;
	font-size: 12px;
	color: #333333;
}
/* banner */
.banner{
	width: 100%;
	height: 475px;
	background: url(../img/banner.png) no-repeat;
}
/* main */
main{
	width: 100%;
	height: 2064px;
}
main .content{
	width: 100%;
	margin: 0 auto;
}
main .content section:nth-child(1){
	height: 514px;
}
main .content section:nth-child(1) h3{
	margin-top: 46px;
	text-align: center;
	font-size: 23px;
	font-weight: normal;
}
main .content section:nth-child(1) .middle{
	height: 356px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
main .content section:nth-child(1)  .middle dl{
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
main .content section:nth-child(1)  .middle dl dt{
	width: 296px;
	height: 196px;
	background: url(../img/f1.jpg) no-repeat;
}
main .content section:nth-child(1)  .middle dl dd{
	width: 296px;
	height: 60px;
}
main .content section:nth-child(1)  .middle dl dd h4{
	font-size: 12px;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
main .content section:nth-child(1)  .middle dl dd p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	height: 44px;
}
main .content section:nth-child(1) .bottom{
	height: 40px;
	display: flex;
	justify-content: center;
}
main .content section:nth-child(1) .bottom a{
	display: inline-block;
	width: 105px;
	height: 40px;
	background-color: #005197;
	color: white;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
}
main .content section:nth-child(2){
	width: 100%;
	height: 900px;
	background-color: #373737;
	display: flex;
}
main .content section:nth-child(2) .content{
	min-width: 1253px;
	margin: 0 auto;
	overflow: hidden;
}
main .content section:nth-child(2) .content .top{
	height: 58px;
	margin-top: 66px;
}
main .content section:nth-child(2) .content .top h3{
	height: 24px;
	font-size: 24px;
	font-weight: normal;
	color: #f8f8f8;
	text-align: center;
	margin-bottom: 14px;
}
main .content section:nth-child(2) .content .top p{
	height: 14px;
	text-align: center;
	font-size: 12px;
	color: #f8f8f8;
}
main .content section:nth-child(2) .content .middle{
	height: 777px;
	display: flex;
	align-content: space-around;
	justify-content: space-between;
	flex-wrap: wrap;
}
main .content section:nth-child(2) .content .middle dl{
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
main .content section:nth-child(2) .content .middle dl dt{
	width: 399px;
	height: 250px;	
	background: url(../img/1.jpg) no-repeat center;
}
main .content section:nth-child(2) .content .middle dl dd{
	width: 399px;
	font-size: 12px;
	color: white;
	line-height: 26px;
}
main .content section:nth-child(3){
	min-width: 1275px;
	height: 655px;
	margin: 0 auto;
}
main .content section:nth-child(3) h3{
	margin-top: 35px;
	text-align: center;
	font-size: 23px;
	font-weight: normal;
	height: 60px;
}
main .content section:nth-child(3) .main{
	height: 460px;
	
}
main .content section:nth-child(3) .main .left{
	float: left;
	width: 630px;
	height: 460px;
	background: url(../img/7.jpg) no-repeat center;
	margin-right: 11px;
	
}
main .content section:nth-child(3) .main .left .btn{
	width: 633px;
	height: 42px;
	margin-top: 210px;
}
main .content section:nth-child(3) .main .left .btn a:nth-child(1){
	width: 44px;
	height: 42px;
	float: left;
	background: url(../img/lbtn.png) no-repeat;
}
main .content section:nth-child(3) .main .left .btn a:nth-child(2){
	width: 44px;
	height: 42px;
	float: right;
	background: url(../img/rbtn.png) no-repeat;
}
main .content section:nth-child(3) .main .right{
	float: left;
	width: 630px;
	height: 460px;
}
main .content section:nth-child(3) .main .right ul{
	height: 460px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
}
main .content section:nth-child(3) .main .right ul li{
	position: relative;
	width: 308px;
	height: 223px;
	background: url(../img/4.jpg);
}
main .content section:nth-child(3) .main .right ul li a{
	display: inline-block;
	color: #FFFFFF;
	background: #000000 url(../img/gt.png) no-repeat 287px 12px;
	opacity: .4;
	position: absolute;
	bottom: 0;
	width: 308px;
	height: 34px;
	line-height: 34px;
}
/* link */
.link{
	width: 100%;
	height: 170px;
	display: flex;
	justify-content: center;
}
.link .content{
	min-width: 1422px;
	height: 170px;
	margin: 0 auto;
}
.link .content ul{
	min-width: 1422px;
	height: 170px;
	display: flex;
	background-color: #eaeaea;
}
.link .content ul li{
	height: 170px;
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: space-around;
	justify-content: space-around;
	font-size: 12px;
	border: 1px solid #d0d0d1;
	border-bottom: none;
}
.link .content ul li h3{
	font-size: 14px;
	font-weight: normal;
	
}
.link .content ul li span{
	background: url(../img/wwpic192.jpg) no-repeat;
	width: 41px;
	height: 41px;
}
.link .content ul li p{
	width: 315px;
	text-align: center;
}
/* footer */
footer{
	width: 100%;
	height: 388px;
	background-color: #3a3a3a;
	display: flex;
	justify-content: center;
}
footer .content{
	width: 90%;
	height: 388px;
	margin: 0 auto;
	display: flex;
}
footer .content .left{
	width: 837px;
	height: 344px;
	margin-top: 44px;
	display: flex;
	justify-content: space-between;
	float: left;
}
footer .content .left ul li{
	font-size: 12px;
	line-height: 28px;
	color: #a6a6a6;
}
footer .content .left ul li a{
	font-size: 12px;
	color: #a6a6a6;
	line-height: 28px;
}
footer .content .left ul li:nth-child(1) {
	
	margin-bottom: 11px;
}
footer .content .left ul li:nth-child(1) a{
	color: white;
	
}
footer .content .center{
	width: 90px;
	height: 347px;
	margin-top: 41px;
	float: left;
}
footer .content .center span{
	width: 1px;
	height: 213px;
	background: url(../img/link.png) no-repeat;
	margin-left: 65px;
	display: inline-block;
}
footer .content .right{
	width: 267px;
	height: 344px;
	margin-top: 44px;
	float: right;
}
footer .content .right dl:nth-child(1){
	width: 125px;
	height: 164px;
	float: left;
	font-size: 12px;
	color: white;
}
footer .content .right dl:nth-child(1) dt{
	width: 125px;
	height: 125px;
	background: url(../img/xl-code1.png) no-repeat;
	margin-top: 20px;
}
footer .content .right dl:nth-child(1) dd{
	text-align: center;
}
footer .content .right dl:nth-child(2){
	width: 125px;
	height: 164px;
	float: right;
	font-size: 12px;
	color: white;
}
footer .content .right dl:nth-child(2) dt{
	width: 125px;
	height: 125px;
	background: url(../img/xl-code2.png) no-repeat;
	margin-top: 20px;
}
footer .content .right dl:nth-child(2) dd{
	text-align: center;
}
footer .content .right p{
	width: 267px;
	float: left;
	color: white;
	margin-top: 25px;
	text-align: center;
}
/* link2 */
.link2{
	width: 100%;
	height: 50px;
	background-color: #1a1a1a;
}
.link2 .content{
	width: 1202px;
	height: 50px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 50px;
	color: #708d7e;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.link2 .content .left{
	float: left;
}
.link2 .content .left a{
	color: #708d7e;
}
.link2 .content .right{
	float: right;
}